document.writeln(`
<div id="header">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button
            type="button"
            class="navbar-toggle"
            data-toggle="collapse"
            data-target="#example-navbar-collapse"
          >
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- <a class="navbar-brand" href="#">菜鸟教程</a> -->
          <div class="logo">
            <span>&lt;/&gt;</span>
            <h2>在线学习网站</h2>
          </div>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
          <ul class="nav navbar-nav hd-nav">
            <li class="active">
              <a href="index.html">首页</a>
            </li>
            <li>
              <a href="Course Home.html">课程</a>
            </li>
            <li>
              <a href="http://codelover.club/">知识库</a>
            </li>
            <li>
              <a href="about.html">关于</a>
            </li>
            <li>
              <a href="/">
                <a href=""> <span class="iconfont">  </span></a>
              </a>
            </li>
            <li>
              <a href="account.html">个人</a>
            </li>
            <li>
              <a href="login.html" class="longin">登录</a>
            </li>
            <li>
              <a href="signIn.html" class="register"
                >注册
              ></a>
            </li>
            <!-- <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-hrefggle="dropdown">
                Java <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">jmeter</a></li>
                <li><a href="#">EJB</a></li>
                <li><a href="#">Jasper Report</a></li>
                <li class="divider"></li>
                <li><a href="#">分离的链接</a></li>
                <li class="divider"></li>
                <li><a href="#">另一个分离的链接</a></li>
              </ul>
            </li> -->
          </ul>
        </div>
      </div>
    </nav>
  </div>`);
// document.writeln("<div id=\'header\'>");
// document.writeln("    <div class=\'container\'>");
// document.writeln("        <div class=\'logo\'>");
// // document.writeln("            <img src=\'./img/logo.png\' alt=\'\'>");
// document.writeln("            <span>&lt;/&gt;</span>");
// document.writeln("            <h2>在线学习网站</h2>");
// document.writeln("        </div>");
// document.writeln("        <div class=\'hd-nav\'>");
// document.writeln("            <ul>");
// document.writeln("                <li><a href=\'index.html\'>首页</a></li>");
// document.writeln("                <li><a href=\'Course Home.html\'>课程</a></li>");
// document.writeln("                <li><a href=\'http://codelover.club/\'>知识库</a></li>");
// document.writeln("                <li><a href=\'about.html\'>关于</a></li>");
// document.writeln("                <li><a href=\'\'>");
// document.writeln("                    <span class=\'iconfont\'>");
// document.writeln("                        &#xe613;");
// document.writeln("                </span></a></a></li>");
// document.writeln("                <li><a href=\'account.html\'class=\'account\'><img src=\'./img/AbrahamLincoln.jpg\'></a></li>");
// document.writeln("                <li><a href=\'login.html\' class=\'longin\'>登录</a></li>");
// document.writeln("                <li><a href=\'login.html\' class=\'register\'>注册</a></li>");
// document.writeln("                <li><a href=\'#\' class=\'screen-xs iconfont\'>&#xe62a</a></li>");
// document.writeln("            </ul>");
// document.writeln("        </div>");
// document.writeln("    </div>");
// document.writeln("</div>");
document.writeln("<link rel=\'stylesheet\' href=\'./css/header.css\'>");